{% extends 'base.html' %}

{% block title %}Мои заказы - МОЙ НЕ САМ{% endblock %}

{% block content %}
<h1 class="mb-4">Мои заказы</h1>

{% if orders %}
<div class="table-responsive">
    <table class="table table-hover">
        <thead class="table-light">
            <tr>
                <th scope="col">№ заказа</th>
                <th scope="col">Дата</th>
                <th scope="col">Сумма</th>
                <th scope="col">Статус</th>
                <th scope="col">Действия</th>
            </tr>
        </thead>
        <tbody>
            {% for order in orders %}
            <tr>
                <td>{{ order.id }}</td>
                <td>{{ order.created_at|date:"d.m.Y H:i" }}</td>
                <td>{{ order.total_amount }} ₽</td>
                <td>
                    {% if order.status == 'pending' %}
                    <span class="badge bg-warning">Ожидает обработки</span>
                    {% elif order.status == 'processing' %}
                    <span class="badge bg-info">В обработке</span>
                    {% elif order.status == 'shipped' %}
                    <span class="badge bg-primary">Отправлен</span>
                    {% elif order.status == 'delivered' %}
                    <span class="badge bg-success">Доставлен</span>
                    {% elif order.status == 'cancelled' %}
                    <span class="badge bg-danger">Отменен</span>
                    {% else %}
                    <span class="badge bg-secondary">{{ order.get_status_display }}</span>
                    {% endif %}
                </td>
                <td>
                    <a href="{% url 'order_detail' order.id %}" class="btn btn-sm btn-primary">Подробнее</a>
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% else %}
<div class="alert alert-info">
    <p class="mb-0">У вас пока нет заказов. <a href="{% url 'catalog' %}" class="alert-link">Перейти в каталог</a>.</p>
</div>
{% endif %}
{% endblock %}